<!--
参考：第163集。

文本间：
    左右距离相等，一般用padding       // 这个也适用于盒子间
    上下距离相等，一般用line-height
盒子间：
    左右距离相等，一般用margin
    上下距离相等，一般用margin
-->
<style>
    * {
        margin: 0;
        padding: 0;
    }
    li {
        list-style-type: none;
    }
    a {
        text-decoration: none;
        color: #000;
    }
    body {
        background: #a8aaa7;
    }
    .myActivity {
        margin: 50px auto;
        width: 300px;
        height: 200px;
        background: #fff;
    }
    .myTitle {
        height: 35px;
        padding: 5px 20px;
        font-size: 18px;
        font-weight: 400;
        line-height: 35px;
        border-bottom: 1px dotted;
    }
    ul {
        margin: 10px 15px 0 15px;
        font-size: 14px;
    }
    ul li {
        height: 25px;
        line-height: 25px;
    }
    ul li a:hover {
        text-decoration: underline;
    }
</style>

<div class="myActivity">
    <h3 class="myTitle">厂家直销，清仓处理</h3>
    <ul>
        <li><a href="#">【好消息】全场1折起！！！</a></li>
        <li><a href="#">【今日特价】袜子全场1折！</a></li>
        <li><a href="#">【特惠】爆款耳机2折秒！</a></li>
        <li><a href="#">【特惠】爆款耳机2折秒！</a></li>
        <li><a href="#">【特惠】爆款耳机2折秒！</a></li>
    </ul>
</div>